.ui-page-theme-a .column_title a,
.ui-page-theme-a .column_title a:visited,
.ui-page-theme-a .column_active a,
.ui-page-theme-a .column_active a:visited {
	font-weight: normal;
	text-decoration: none;
}

.ui-page-theme-a .column_title a,
.ui-page-theme-a .column_title a:visited{
	color:#40b3b1; 
}

.ui-page-theme-a .column_active a,
.ui-page-theme-a .column_active a:visited {
	color: #cbcdcd;
}

#tabcontent li{display: none;}

#tabcontent .tabcontent li{display: block;}

#tab span{
		padding: 0;
		float:left;
		color: #828989;
		text-align: center;
		border: 1px solid #eee;	
	} 

#tab .tab{
	background:#fff;
	color: #40b3b1;
	border: 1px solid #fff;
	}

.h_user {background-color: #fff;}

.h_user_pic { float: left; }

.h_user_name .name {
	color: #000;
	display: block;
	font-weight: bold;
}

.h_user_name span { color: #b0b3b2; }

.h_user_grade { float: left; }

.address img{float: left;}

.address span {
	float: left; 
	color: #408bbd;
	}

.address a span {color: #000;}

hr {
	height: 5px;
	border: none;
	background-color: #eee;
}

@media screen and (min-width: 320px) {
	.column {
		width: 97%;
		margin: 0 auto;
		background-color: #fff;
	}

	#tab{
		width: 100%;
		height: 30px;
		line-height: 30px;
	}
	#tab span{width: 49%;} 

	.job_plan {
		width: 99%;
		margin: 0 auto;
		background-color: #fff;
	}

	.tabcontent li {
		padding-top: 15px;
		background-color: #fff;
	}

	.tabcontent ul li a {
		height: 40px;
		float: left;
		display: inline-block;
	}
	
	.h_user_name {
		float: left;
		margin-left: 8px;
	}

	.h_user {
		width: 100%;
		height: 40px;
		margin-left: 10px;
	}

	.h_user_pic img {
		width: 40px;
		height: 40px;
	}

	.h_user_name .name {
		margin-top: 6px;
		margin-bottom: -3px;	
	}

	.h_text p  {
		clear: both;
		margin-top: -5px;
	}

	.h_user_name span {font-size: 13px;}

	.h_user_grade img {
		width: 15px;
		height: 10px;
		margin-top: 8px;
	}

	/*价格css////////////////////////////*/
	.h_user .price {
		/*width: 148px;*/
		height: 35px;
		float: right;
		margin-right: 2px;
		margin-top: 5px;
	}

	.oblong {
		/*width: 130px;*/
		height: 30px;
		float: right;
		background-color: #c2ecdc;
	}

	.triangle-left {
		width: 0;
	    height: 0;
	    display: inline-block;
	    border-top: 15px solid transparent;
	    border-right: 18px solid #c2ecdc;
	    border-bottom: 15px solid transparent;
	}

	.h_price {line-height: 30px;}

	.h_price .oblong span{padding-left: 10px;}

	.o_price{
		color: #448885;
		font-size: 20px;
	}

	.o_del {
		color: #a4a8a9;
		text-decoration: line-through;
		padding-right: 10px;
	}
	
	/*图片css////////////////////////*/
	.gs_photo,
	.gs_photo ul {
		width: 100%;
		height: 75px;
	}

	.gs_photo li {
		width: 21%;
		float: left;
		text-align: none;
		margin-left: 12px;
	}

	.gs_photo li img {
		width: 100%;
		height: 60px;
	}

	.gs_photo ul li:first-child{
		margin-left: -46px;
	}

	/*商品说明css///////////////*/
	.gs_text h4{
		color: #000;
		-webkit-margin-before: .43em;
	    -webkit-margin-after: .2em;
	    font-weight: normal;
	}

	.gs_text p {
		-webkit-margin-before: .33em;
	    -webkit-margin-after: .2em;
	}

	.gs_text p {
	    position:relative;
	    line-height:1.2em;
	    /* 2 times the line-height to show 2 lines */
	    height:2.4em;
		text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
		overflow : hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.address {
		height: 20px;
		padding-bottom: 15px;
	}

	.address span {
		line-height: 20px;
		font-size: 12px;

	}

	.tabcontent .address a {
		float: right;
		color: #464646;
		margin-right: 10px;
	}

	.address img {
		width: 16px;
		height: 18px;
	}

	.address a span {font-size: 16px;}

	.address a img {
		width: 25px;
		height: 20px;
	}
}

@media screen and (min-width: 375px) {
	.h_user_name .name {
		font-size: 15px;	
	}

	.tabcontent ul li a {
		height: 50px;
	}

	.h_user {
		height: 50px;
	}

	.h_user_pic img {
		width: 50px;
		height: 50px;
	}

	.h_user_grade img {
		width: 18px;
		height: 12px;
	}

	/*价格css////////////////////////////*/
	.h_user .price {
		/*width: 152px;*/
		height: 40px;
	}

	.oblong {
		height: 36px;	}

	.triangle-left {
	    border-top: 18px solid transparent;
	    border-right: 22px solid #c2ecdc;
	    border-bottom: 18px solid transparent;
	}

	.h_price {line-height: 35px;}

	.h_price .oblong span{padding-left: 10px;}

	.o_price{
		font-size: 22px;
	}

	/*图片css////////////////////////*/
	.gs_photo,
	.gs_photo ul {
		width: 100%;
		height: 85px;
	}

	.gs_photo li img {height: 70px;}

	.gs_photo ul li:first-child{margin-left: -40px;}
}

@media screen and (min-width: 410px) {
	#tab{
		width: 100%;
		height: 35px;
		line-height: 35px;
	}
	#tab span{
		width: 49.5%;
		font-size: 18px;
	}

	.h_user {height: 50px;}

	.h_user_pic img {
		width: 50px;
		height: 50px;
	}

	.h_user_name .name {
		font-size: 16px;	
	}

	.h_user_grade img {
		width: 24px;
		height: 16px;
	}

	/*价格css////////////////////////////*/
	.h_user .price{
		/*width: 152px;*/
		height: 46px;
	}

	.oblong {
		height: 40px;
	}

	.triangle-left {
	    border-top: 20px solid transparent;
	    border-right: 21px solid #c2ecdc;
	    border-bottom: 20px solid transparent;
	}

	.h_price {line-height: 40px;}
	.h_price .oblong span{padding-left: 10px;}
	
	/*图片css////////////////////////*/
	.gs_photo,
	.gs_photo ul {
		height: 95px;
	}

	.gs_photo li {
		width: 21.3%;
	}

	.gs_photo li img {
		height: 80px;
	}

	/*商品说明css///////////////*/
	.gs_text h4,
	.gs_text span,
	.gs_text p {
	    font-size: 18px;
	}

	.address {
		height: 22px;
	}

	.address span {
		line-height: 22px;
		font-size: 14px;
	}
	.address img {
		width: 24px;
		height: 20px;
	}

	.address a span {font-size: 16px;}

	.address a img {
		width: 28px;
		height: 22px;
	}
}

@media screen and (min-width: 600px) {
	#tab{
		height: 55px;
		line-height: 55px;
	}
	#tab span{
		width: 49.4%;
		font-size: 22px;
	} 

	.h_user {
		height: 60px;
	}

	.h_user_pic img {
		width: 60px;
		height: 60px;
	}

	.h_user_name .name {
		margin-top: 12px;
		font-size: 22px;
		margin-bottom: -3px;
		margin-right: 10px;	
	}

	.h_user_name span {font-size: 14px;}

	.h_user_grade img {
		width: 28px;
		height: 20px;
		margin-top: 14px;
	}

	/*价格css////////////////////////////*/
	.h_user .price{
		/*width: 156px;*/
		height: 50px;
	}

	.oblong {height: 50px;	}

	.triangle-left {
	    border-top: 25px solid transparent;
	    border-right: 26px solid #c2ecdc;
	    border-bottom: 25px solid transparent;
	}

	.h_price {line-height: 50px;}
	.h_price .oblong span{padding-left: 10px;}

	.o_price{
		color: #448885;
		font-size: 26px;
	}

	.o_del {
		font-size: 20px;
		padding-right: 10px;
	}
	
	/*图片css////////////////////////*/
	.gs_photo,
	.gs_photo ul {
		height: 125px;
	}

	.gs_photo li {
		width: 23%;
	}

	.gs_photo li img {
		height: 105px;
	}

	.gs_photo ul li:first-child{
		margin-left: -62px;
	}

	/*商品说明css///////////////*/
	.gs_text h4,
	.gs_text p,
	.gs_text span {
		font-size: 22px;
	}

	.address {
		height: 26px;
	}

	.address span {
		line-height: 26px;
		font-size: 20px;

	}

	.address img {
		width: 26px;
		height: 24px;
	}

	.address a span {font-size: 22px;}

	.address a img {
		width: 30px;
		height: 26px;
	}
}

@media screen and (min-width: 768px) {
	#tab{
		height:65px;
		line-height: 65px;
	}
	#tab span{
		width: 49.6%;
		font-size: 26px;
	} 

	.h_user {
		height: 70px;
	}

	.h_user_pic img {
		width: 70px;
		height: 70px;
	}

	.h_user_name .name {
		font-size: 26px;
	}

	.h_user_name span {font-size: 16px;}

	/*价格css////////////////////////////*/
	.h_user .price {
		/*width: 186px;*/
	}

	.oblong {
		/*width: 150px;*/
	}

	.triangle-left {
	    border-top: 25px solid transparent;
	    border-right: 36px solid #c2ecdc;
	    border-bottom: 25px solid transparent;
	}
	.h_price {line-height: 50px;}
	.h_price .oblong span{padding-left: 10px;}

	.o_price{
		font-size: 32px;
	}

	.o_del {
		font-size: 22px;
		padding-right: 10px;
	}
	
	/*图片css////////////////////////*/
	.gs_photo,
	.gs_photo ul {
		height: 165px;
	}

	.gs_photo li {
		width: 23.6%;
	}

	.gs_photo li img {
		height: 145px;
	}

	.gs_photo ul li:first-child{
		margin-left: -82px;
	}

	/*商品说明css///////////////*/
	.gs_text h4,
	.gs_text p,
	.gs_text span {
		font-size: 26px;
	}
}

@media screen and (min-width: 800px) {
	#tab{
		height:75px;
		line-height: 75px;
	}
	#tab span{
		width: 49.7%;
		font-size: 30px;
	} 

	.h_user {
		height: 80px;
	}

	.h_user_pic img {
		width: 80px;
		height: 80px;
	}

	.h_user_name .name {
		font-size: 30px;
	}

	.h_user_name span {font-size: 20px;}

	/*价格css////////////////////////////*/
	.h_user .price {
		/*width: 186px;*/
	}

	.oblong {
		/*width: 150px;*/
	}

	.triangle-left {
	    border-top: 25px solid transparent;
	    border-right: 36px solid #c2ecdc;
	    border-bottom: 25px solid transparent;
	}
	.h_price {line-height: 50px;}
	.h_price .oblong span{padding-left: 10px;}

	.o_price{
		font-size: 32px;
	}

	.o_del {
		font-size: 22px;
		padding-right: 10px;
	}

	.h_user_grade img {
		width: 40px;
		height: 28px;
		margin-top: 18px;
	}

	
	/*图片css////////////////////////*/
	.gs_photo,
	.gs_photo ul {
		height: 180px;
	}

	.gs_photo li {
		width: 23.4%;
	}

	.gs_photo li img {
		height: 150px;
	}

	.gs_photo ul li:first-child{
		margin-left: -82px;
	}

	/*商品说明css///////////////*/
	.gs_text h4,
	.gs_text p,
	.gs_text span {
		font-size: 30px;
	}

	.address {
		height: 32px;
	}

	.address span {
		line-height: 32px;
		font-size: 24px;

	}

	.address img {
		width: 38px;
		height: 35px;
	}

	.address a span {font-size: 30px;}

	.address a img {
		width: 45px;
		height: 32px;
	}
}

@media screen and (min-width: 1280px) {
	/*图片css////////////////////////*/
	.gs_photo,
	.gs_photo ul {
		width: 100%;
		height: 175px;
	}

	.gs_photo li {
		width: 23%;
	}

	.gs_photo li img {
		height: 160px;
	}

	.gs_photo ul li:first-child{
		margin-left: -46px;
	}

	/*商品说明css///////////////*/
	.gs_text h4{
		color: #000;
		-webkit-margin-before: .43em;
	    -webkit-margin-after: .2em;
	    font-weight: normal;
	}

	.gs_text p {
		-webkit-margin-before: .23em;
	    -webkit-margin-after: .1em;
	}

	.gs_text p {
	    line-height:1.1em;
	    /* 2 times the line-height to show 2 lines */
	    height:2.2em;
	}

	.address {
		height: 30px;
		padding-bottom: 15px;
	}

	.address span {
		line-height: 30px;
		font-size: 24px;

	}

	.address img {
		width: 32px;
		height: 30px;
	}

	.address a span {font-size: 24px;}

	.address a img {
		width: 40px;
		height: 30px;
	}
}
